<!DOCTYPE html>
<html>
<head>
    <title>Tel-O-Fun</title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    <link rel="stylesheet" href="css/greenBlack.css" />
    <link rel="stylesheet" href="css/structure.css" />
    <link rel="stylesheet" href="css/style.css" />

    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile.js"></script>
    <script src="js/getLocation.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&libraries=geometry"></script>

</head>
<body>

    <div id="findNearestStation" data-role="page" data-title="Nearest Station" data-theme="a">
        <div data-role="header">
            <h1>Nearest Tel-O-Fun Station</h1>
            <a href="#home" data-rel="back" data-icon="back" data-direction="reverse" data-transition="slide">Back</a>
        </div>

        <div data-role="content" style="padding: 0;">
        	<div id="map_canvas" style="position: absolute;width:100%;height:100%;"></div>
        </div>
        <script>
            getLocation();
        </script>
    </div>

</body>
</html>